<!DOCTYPE html>
<!-- saved from url=(0034)https://lpl.qq.com/es/ticket.shtml -->
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="robots" content="all">
    <meta name="Copyright" content="Tencent">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="英雄联盟,lol,lol赛事,lpl,职业联赛,官方赛事,2019lpl,赛事 ">
    <meta name="description"
          content="英雄联盟赛事官网，LPL职业联赛，全球总决赛，季中冠军赛，德玛西亚杯，国内外赛事，丰富的英雄联盟赛事资讯与各类大型赛事直播尽在英雄联盟赛事官方网站（lpl.qq.com）。">
    <title>售票</title>
    <!-- 设计：cp | 重构：cp | 创建：20170207  -->
    <link href="css/ny.css" rel="stylesheet" type="text/css">
    <script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=HtcUbwDOMq38soBph9hM6Cp9S8m4c0e7"></script>
    <script type="text/javascript" src="/login-starter/js/login.js"></script>
    <link rel="stylesheet" href="/login-starter/css/style.css">
    <style>
        .ticbg1 {
            background: url(//ossweb-img.qq.com/images/lpl/web201612/bg_1.jpg) no-repeat center top;
        }

        .ticbg5 {
            background: url(//ossweb-img.qq.com/images/lpl/web201612/bg_5.jpg) no-repeat center top;
        }

        .ticbg77 {
            background: url(//ossweb-img.qq.com/images/lpl/web201612/bg_77.jpg) no-repeat center top;
        }

        #container {
            width: 500px;
            height:  500px;
        }
        /* 售票 */
        .sell-ticket-box {
            margin: 10px auto 0;
            width: 1240px;
            font-family: '\5FAE\8F6F\96C5\9ED1';
        }

        .sell-ticket-box .banner {
            width: 723px;
            height: 434px;
            background: #554744;
            margin: 0 30px 20px 0;
        }

        /* 分享 */
        .sell-ticket-box .share-box {
            color: #5f5f5f;
            font-size: 16px;
            height: 30px;
            line-height: 30px;
        }

        .sell-ticket-box .share-box a {
            display: block;
            margin-left: 10px;
        }

        /* 售票区右边文字 */
        .sell-ticket-box h1 {
            font-size: 32px;
            color: #555;
            line-height: 25px;
            margin-bottom: 20px;
        }

        .sell-ticket-text {
            font-size: 14px;
            padding-top: 10px;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            width: 487px;
            margin-bottom: 20px;
        }

        .sell-ticket-text span {
            color: #999;
        }

        .sell-ticket-text p {
            color: #555;
        }

        .sell-ticket-text a {
            text-decoration: underline;
            color: #cea04a;
        }

        .sell-ticket-text a.address {
            margin: 0 28px 0 35px;
        }

        .sell-ticket-text a.ticket-icon {
            width: 56px;
            height: 24px;
            background: #4b70f3;
            border-radius: 3px;
            text-align: center;
            line-height: 24px;
            text-decoration: none;
            color: #fff;
            margin-left: 20px;
        }

        .sell-ticket-text > div {
            margin-bottom: 10px;
        }

        /* 票价详情 */
        .ticket-list-box {
            font-size: 14px;
            text-align: center
        }

        .ticket-list-box > div > span {
            color: #fff;
            width: 123px;
            height: 40px;
            line-height: 40px;
            margin-right: 10px;
            font-size: 12px;
        }

        .ticket-list-box > div > div {
            width: 340px;
            line-height: 40px;
            padding: 0 7px;
            color: #fff;
        }

        .ticket-list-box > div > div b {
            font-size: 20px;
            float: left;
        }

        .ticket-list-box > div > div span {
            font-size: 12px;
            float: left;
            line-height: 44px;
        }

        .ticket-list-box > div > div i {
            width: 1px;
            height: 18px;
            float: left;
            margin: 10px 3px 0;
            background: #ccc;
        }

        .sell-ticket-box .buy-btn:hover {
            -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
            transform: scale(1.08);
        }

        /* 购买按钮 */
        .sell-ticket-box .buy-btn, .sell-ticket-box .buy-btn-over {
            display: block;
            transition: .3s;
            cursor: pointer;
            background: url(//ossweb-img.qq.com/images/lpl/web201612/buy-btn.gif) no-repeat center top;
            width: 485px;
            height: 96px;
            text-align: center;
            color: #fff;
            line-height: 96px;
            margin-top: 28px;
            margin-bottom: 0;
        }

        .sell-ticket-box .buy-btn-over {
            background: url(//ossweb-img.qq.com/images/lpl/web201612/buy-btn-over.jpg) no-repeat center top;
        }

        .sell-ticket-box .buy-btn:hover {
            -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
        }

        .sell-ticket-box .buy-btn .money-icon {
            display: inline-block;
            font-size: 16px;
            color: #cea04a;
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            background: #fff;
            border-radius: 50%;
        }

        /* 购买按钮下面的文字 */
        .sell-ticket-box .time-box {
            font-size: 12px;
            position: relative;
        }

        .sell-ticket-box .time-box span {
            color: #a6a6a6;
            float: left;
        }

        .sell-ticket-box .time-box a {
            color: #797979;
            float: right;
            margin-right: 20px;
        }

        .sell-ticket-box .time-box .triangle {
            width: 0;
            height: 0;
            border-bottom: 12px solid #797979;
            border-left: 12px solid transparent;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            position: absolute;
            bottom: 7px;
            right: 0;
        }

        .sell-ticket-box .time-box .qrcode-pic {
            display: none;
        }

        /* 预约按钮 */
        .sell-ticket-box .btn-subscribe {
            background: url(https://game.gtimg.cn/images/lpl/es/web201612/img-btn-subscribe.gif) no-repeat center top;
        }

        .sell-ticket-box .btn-subscribe:hover {
            -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
        }

        .sell-ticket-box .buy-btn-over {
            background: url(//ossweb-img.qq.com/images/lpl/web201612/buy-btn-over.jpg) no-repeat center top;
        }

        .sell-ticket-box .btn-subscribe .money-icon {
            display: inline-block;
            font-size: 16px;
            color: #cea04a;
            width: 18px;
            height: 18px;
            text-align: center;
            line-height: 24px;
            background: url(https://game.gtimg.cn/images/lpl/es/web201612/icon-time.png);
            border-radius: 50%;
            vertical-align: middle;
            position: relative;
        }

        #vALLHighLightInfo {
            padding-left: 20px;
        }

        .qr-code-bar {
            width: 126px;
            display: block;
            position: fixed;
            right: 20px;
            top: 333px;
            z-index: 998;
        }

        .qr-code-bar img {
            display: block;
            width: 126px;
        }

        .qr-code-bar p {
            font-size: 12px;
            text-align: center;
            color: #fff;
            background: #ff4001;
            line-height: 1.5;
            padding: 4px 0;
        }

        .ticpri {
            width: 290px;
        }

        .ticpri div {
            float: left;
        }

        #matchInfo {
            position: relative;
        }

        .match-arr-btn {
            width: 59px;
            height: 59px;
            top: 95px;
            opacity: 0.35;
            filter: alpha(opacity=35);
            text-indent: -999em;
            z-index: 99
        }

        .schedule-spr {
            background: url(//game.gtimg.cn/images/lol/match/public/schedule_spr.png) no-repeat;
        }

        .schedule .gray {
            opacity: 0.1;
            filter: alpha(opacity=10);
            cursor: default;
        }

        .schedule .match-arr-btn {
            width: 59px;
            height: 59px;
            top: 95px;
            opacity: 0.35;
            filter: alpha(opacity=35);
            text-indent: -999em;
        }

        .snext {
            right: -35px;
            background-position: -59px -140px !important;
            position: absolute;
        }

        .sprev {
            left: -35px;
            background-position: 0px -140px !important;
            position: absolute;
        }

        .sprev, .snext {
            top: 120px !important;
        }

        .ticket-list li h3 {
            font-size: 12px
        }

        /* 新增弹窗 */
        .popup-margin {
            width: 444px;
            height: 223px;
            border: 1px solid #cea04a;
            position: relative;
        }

        .popup-cont {
            width: 438px;
            height: 217px;
            background: #ffffff;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

        .popup-info {
            width: 420px;
            height: 98px;
            color: #000000;
            font-size: 20px;
            text-align: center;
            margin: 0 auto;
            padding-top: 30px;
        }

        .popup-cont .btn-close {
            display: block;
            width: 32px;
            height: 32px;
            line-height: 28px;
            text-align: center;
            color: #d1a655;
            font-size: 30px;
            border: 1px solid #d1a655;
            background-color: #fff;
            border-radius: 50%;
            position: absolute;
            top: -20px;
            right: -20px;
        }

        .btn-golink {
            display: block;
            width: 140px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 2px solid #cea04a;
            border-radius: 20px;
            margin: 0 auto;
            font-size: 18px;
            color: #cea04a;
        }

        .btn-define {
            width: 88px;
            height: 40px;
        }

        /* loading 动画 */
        .spinner {
            margin: 0px auto;
            width: 40px;
            height: 40px;
            position: relative;
        }

        .container1 > div, .container2 > div, .container3 > div {
            width: 10px;
            height: 10px;
            background-color: #333;
            border-radius: 100%;
            position: absolute;
            -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
            animation: bouncedelay 1.2s infinite ease-in-out;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .spinner .spinner-container {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .container2 {
            -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
        }

        .container3 {
            -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
        }

        .circle1 {
            top: 0;
            left: 0;
        }

        .circle2 {
            top: 0;
            right: 0;
        }

        .circle3 {
            right: 0;
            bottom: 0;
        }

        .circle4 {
            left: 0;
            bottom: 0;
        }

        .container2 .circle1 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .container3 .circle1 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        .container1 .circle2 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        .container2 .circle2 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

        .container3 .circle2 {
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s;
        }

        .container1 .circle3 {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s;
        }

        .container2 .circle3 {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
        }

        .container3 .circle3 {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s;
        }

        .container1 .circle4 {
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s;
        }

        .container2 .circle4 {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s;
        }

        .container3 .circle4 {
            -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s;
        }

        @-webkit-keyframes bouncedelay {
            0%, 80%, 100% {
                -webkit-transform: scale(0.0)
            }
            40% {
                -webkit-transform: scale(1.0)
            }
        }

        @keyframes bouncedelay {
            0%, 80%, 100% {
                transform: scale(0.0);
                -webkit-transform: scale(0.0);
            }
            40% {
                transform: scale(1.0);
                -webkit-transform: scale(1.0);
            }
        }
    </style>
    <style>.foot {
        background: #fff;
        color: #000;
        font: 12px/20px "微软雅黑", "宋体";
        min-width: 1050px;
        margin: 0 auto;
        text-align: left;
    }

    .foot_dark {
        background: #000;
        color: #494949
    }

    .foot_dark a {
        color: #494949
    }

    .foot_cpright {
        padding: 15px 20px
    }

    .foot_cpright:after {
        content: "";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        clear: both
    }

    .f_line {
        margin: 0 2px
    }

    .foot_lefts {
        float: left;
        display: inline
    }

    .foot_ieg_logo {
        float: left;
        width: 180px;
        height: 35px;
        text-indent: -999em;
        overflow: hidden;
        margin: 10px 0 0 10px;
        background: url(//game.gtimg.cn/images/js/2018foot/logo/foot-light.png)
    }

    .foot_dark .foot_ieg_logo {
        background: url(//game.gtimg.cn/images/js/2018foot/logo/foot-dark.png)
    }

    .foot_left {
        float: left;
        text-indent: -999em;
        overflow: hidden;
        margin: 10px 0 0 10px;
        width: 85px;
        height: 35px;
    }

    .foot_links {
        display: inline;
        float: right;
        width: 682px;
        list-style: none;
    }

    .foot_links li {
        line-height: 20px;
        overflow: hidden;
    }

    .copyright_zh a {
        padding-right: 10px
    }

    .foot_links .link_map {
        font-size: 0;
    }

    .foot_links .link_map .f_line:last-child {
        display: none
    }

    .foot_links .copyright_txt {
        font-size: 10px;
    }

    .foot_links .link_map span, .foot_links .link_map a {
        font-size: 12px;
        color: #494949
    }

    .foot_links li img {
        vertical-align: middle;
        margin-right: 3px;
        display: inline;
    }

    .foot_ratetext_inner {
        text-align: center;
        padding: 15px 20px 0;
        margin: 0
    }

    .foot_ratetext + .foot_cpright {
        padding: 0 20px 15px;
    }</style>
    <link href="css/lol.css" rel="stylesheet" type="text/css">
    <script src="js/gg.js" type="text/javascript" charset="gb2312"></script>
    <script type="text/javascript" src="js/age_appropriate_tip.js"></script>
</head>
<body style="">
<div id="app">
    <login style="margin-top: 40px"></login>
    <div id="bgDiv" class="wrap ticbg5">
        <!--cp HTML编辑开始-->
        <div class="cimi-model detail-mode1 clearfix">
            <div class="progress2 club-lists  pr">

                <!--所以票列表-->
                <div class="ticket-list">
                    <ul id="AllTicketInfo" class="clearfix">
                        <li class="liClass cur">
                            <h3>2023LPL夏季赛季后赛</h3>
                            <a class="AllTicketClass" href="javascript:;">售票开启</a>
                            <p>2023-07-14</p>
                        </li>
                    </ul>
                </div>
                <!--票详情-->
                <div class="sell-ticket-box clearfix">
                    <div class="fl">
                        <img class="banner" id="vTicketImg" src="images/0">
                    </div>
                    <div class="fr">
                        <h1 id="vTitle" >2023LPL夏季赛季后赛</h1>
                        <div class="sell-ticket-text">
                            <div class="clearfix">
                                <span class="fl">比赛场馆：</span>
                                <p class="fl" id="vVenueName">{{ticket.venues.venueName}}</p>
                                <a href="https://lpl.qq.com/es/ticket.shtml#adress" title="如何达到场馆？"
                                   class="address">如何达到场馆？</a>
                                <a href="javascript:;" class="needknow" title="购票须知">购票须知</a>
                            </div>
                            <!--<div class="clearfix">
                                <span class="fl">预约时间：</span>
                                <p class="fl"><span id="">2016-12-16</span> 至 <span id="">2017-04-01</span></p>
                                <a id="vTicketSaleType" class="ticket-icon fl">未开启</a>
                            </div>-->
                            <div class="clearfix">
                                <span class="fl">售票时间：</span>
                                <p class="fl"><span id="dtBeginTime">{{ticket.startDate}}</span> 至 <span id="dtEndTime">{{ticket.endDate}}</span>
                                </p>
                                <a id="vTicketSaleType" class="ticket-icon fl">进行中</a>
                            </div>
                            <div class="clearfix">
                                <span class="fl">温馨提示：</span>
                                <p id="vGoodTips" class="fl" style="width: 417px;">为保证现场活动人员健康安全，所有入场人员需佩戴口罩入场，对号入座。</p>
                            </div>
                        </div>

                        <div id="vAllTicketInfo" class="ticket-list-box clearfix">
                            <div class="clearfix"><span class="fl">分组冒泡赛-</span>
                                <div class="fl"><p class="fl">票价：</p>
                                    <div class="ticpri fl">
                                        <div class="vTicketPrice1" style="display: block;">
                                            <b>198</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice2" style="display: block;">
                                            <b>298</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice3" style="display: block;">
                                            <b>398</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice4" style="display: block;"><b>498</b><span>&nbsp;RMB</span>
                                        </div>
                                        <div class="vTicketPrice5" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                        <div class="vTicketPrice6" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"><span class="fl">双败淘汰赛-</span>
                                <div class="fl"><p class="fl">票价：</p>
                                    <div class="ticpri fl">
                                        <div class="vTicketPrice1" style="display: block;">
                                            <b>268</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice2" style="display: block;">
                                            <b>398</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice3" style="display: block;">
                                            <b>498</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice4" style="display: block;"><b>598</b><span>&nbsp;RMB</span>
                                        </div>
                                        <div class="vTicketPrice5" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                        <div class="vTicketPrice6" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"><span class="fl">胜者组/败者组决赛-</span>
                                <div class="fl"><p class="fl">票价：</p>
                                    <div class="ticpri fl">
                                        <div class="vTicketPrice1" style="display: block;">
                                            <b>298</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice2" style="display: block;">
                                            <b>498</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice3" style="display: block;">
                                            <b>698</b><span>&nbsp;RMB</span><i></i></div>
                                        <div class="vTicketPrice4" style="display: block;"><b>898</b><span>&nbsp;RMB</span>
                                        </div>
                                        <div class="vTicketPrice5" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                        <div class="vTicketPrice6" style="display: none"><b></b><span>&nbsp;RMB</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--可以购买-->
                        <a id="btnBuyTicket" class="buy-btn clearfix" style="display: block">
                            <p class="money-icon">￥</p>
                            <span>立即购买</span>
                        </a>

                        <!--不可以购买-->
                        <a id="btnCannotBuyTicket" class="buy-btn-over clearfix" style="display: none">
                            <!--<p class="money-icon">￥</p>-->
                            <span>已售罄</span>
                        </a>

                        <!--wei-->
                        <a id="btnBuyTicketUnstart" class="buy-btn-over clearfix" style="display: none">
                            <!--<p class="money-icon">￥</p>-->
                            <span>马上购买</span>
                        </a>

                        <!-- 新增按钮 查看预约状态 -->
                        <a id="btnReserveCheck" class="buy-btn  btn-subscribe clearfix" style="display: none">
                            <!--<p class="money-icon">￥</p>-->
                            <span>查看预约状态</span>
                        </a>

                        <!-- 新增按钮 立即预约 -->
                        <a id="btnReserveNow" class="buy-btn  btn-subscribe clearfix" style="display: none">
                            <!--<p class="money-icon">￥</p>-->
                            <span>立即预约</span>
                        </a>

                        <!-- 新增按钮 等待预约 -->
                        <a id="btnReserveUnstart" class="btn-subscribe buy-btn-over clearfix" style="display: none">
                            <p class="money-icon"></p>
                            <span>等待预约</span>
                        </a>


                    </div>
                </div>

                <!--联盟介绍-->
                <div class="league-bar clearfix">
                    <div class="league-logo"><img id="GameLogo" src="images/0(1)"></div>
                    <div class="league-info">
                        <h2><span id="GameName">2023职业联赛</span>赛事简介</h2>
                        <div class="league-intr">
                            <span id="GameDesc">LPL(LeagueofLegendsProLeague)英雄联盟职业联赛，中国最高级别的英雄联盟职业比赛，是中国赛区通往每年季中邀请赛和全球总决赛的唯一渠道。每年的LPL由春季赛和夏季赛组成，每季分为常规赛与季后赛两部分。晋级季后赛的队伍，将参与到赛季总冠军以及高额的赛事奖金的激烈争夺中。2023年春季赛，十年一剑，不忘初心，全新征程，无畏竞巅峰！</span>
                        </div>
                    </div>
                </div>

                <!--赛程信息-->
                <div id="matchInfoDiv" class="tit-box" style="display: none">
                    <h2 class="fl">赛程信息</h2>
                    <ul id="matchTab" class="cent_nav clearfix">
                        <!--<li class="fl"><a href="javascript:;" class="on">11月12日</a></li>-->
                        <!--<li class="fl"><a href="javascript:;">11月13日</a></li>-->
                        <!--<li class="fl"><a href="javascript:;">11月14日</a></li>-->
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-20</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-21</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-22</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-23</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-24</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-25</a></li>
                        <li class="fl"><a class="vTabLinkClass" href="javascript:;">2023-07-26</a></li>
                    </ul>
                    <a id="matchPrev" href="javascript:;" class="pa schedule-spr match-arr-btn sprev ht gray">上翻</a>
                    <a id="matchNext" href="javascript:;" class="pa schedule-spr match-arr-btn snext ht">下翻</a>
                </div>
                <!--赛程信息 cont -->
                <div class="matchbox" style="display: none">
                    <ul id="matchInfo" class="clearfix"></ul>
                </div>

                <!--赛程亮点-->
                <div id="vALLHighLightInfo_text" class="tit-box clearfix">
                </div>
                <!--赛程亮点 cont-->

                <!--场馆信息-->
                <div class="tit-box">
                    <h2>场馆信息</h2>
                </div>
                <div class="place-box clearfix" id="adress" name="adress">
                    <div class="place-pic">
                        <div id="map" style="width: 550px; height: 400px;"></div>
                    </div>
                    <div class="place-info">
                        <div class="info-cont">
                            <h5>场馆名称</h5>
                            <div class="info-text">
                                <span id="vVenueNameToo">{{ticket.venues.venueName}}</span>
                            </div>
                            <h5>场馆地址</h5>
                            <div class="info-text">
                                <span id="vVenueAddress">{{ticket.venues.venueAddress}}</span>
                            </div>
                            <h5>周边交通</h5>
                            <div class="info-text">
                            <span id="vTraffic"><p class="MsoNormal"
                                                   style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                公交站：
                            </p>
                            <p class="MsoNormal" style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                公田三路春临四路口（113路、189路、S1路、101路）<br>
                            春临五路公交调度站（257路、188路、S1路）
                            </p>
                            <p class="MsoNormal" style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                地铁：搭乘地铁4号线到达金滹沱站，自金滹沱站B口出发，换乘113号公交车、步行或搭乘出租车抵达场馆。
                            </p>
                            <p class="MsoNormal" style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                出租车参考：西安出租车起步价8.5元，起步公里数3公里，每公里费用2元。
                            </p>
                            <p class="MsoNormal" style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                停车位：曲江文化运动公园西门、南门
                            </p>
                            <div>
                                <br>
                            </div>
                            <p>
                                <br>
                            </p>
                            <p class="MsoNormal" style="text-align:justifyfont-size:10.5ptfont-family:Calibri, sans-serif">
                                <span style="font-family:宋体"></span><span></span>
                            </p></span>
                            </div>
                        </div>
                    </div>
                </div>

                <!--FAQ-->
                <div class="tit-box clearfix">
                    <h2 class="fl">FAQ</h2>
                    <div class="fl faq-other">如果以下回答未能解决您的问题，还可以 <a
                            href="https://crm2.qq.com/page/portalpage/wpa.php?uin=40012345&amp;f=1&amp;ty=1&amp;ap=000011:400998:|m:11|f:Gyxlm3"
                            target="_blank" class="contact-btn">马上联系客服</a></div>
                </div>
                <div class="faq-cont">
                    <ul id="vAllFAQ">
                        <li><h4><span>购票时间（开始以及结束）</span></h4>
                            <p><span>2023年7月14日14:00开启分组冒泡赛（7月20日至7月25日）门票售卖；2023年7月19日14:00开启双败淘汰赛（7月26日至7月27日，7月29日）；2023年7月24日14:00开启胜者组决赛（7月30日）及败者组决赛（8月1日）的门票售卖。每个比赛日的门票售卖在比赛开始前的1小时停止售卖</span>
                            </p></li>
                        <li><h4><span>购买的票是什么形式（电子票还是纸质的）？入场凭证是什么？</span></h4>
                            <p><span>本场赛事采用实名身份证件入场，观众在购票时需按购票页面提示填写观演人身份证件信息，提前将观演人与门票进行一对一绑定。观演人进入场馆时，必须携带门票绑定的观演人本人有效实名身份证件，经人票证一致核验通过后方可进场观赛，对号入座。</span>
                            </p></li>
                        <li><h4><span>可以退票或者换票吗？</span></h4>
                            <p><span>由于赛事门票特殊性，其背后承载的电竞赛事表演活动服务具有时效性、稀缺性等特征，用户一旦购票成功，非不可抗力因素不可进行退票和换票，请用户在购票之前慎重决定，如带来不便敬请谅解。</span>
                            </p></li>
                    </ul>
                    <a id="vFAQLink" class="more-faq-btn" target="_blank">查看更多FAQ &gt;&gt;</a>
                </div>

            </div>
        </div>
        <!--cp HTML编辑结束-->
    </div>
    <script src="js/eas.js"></script>
    <script src="js/index.js"></script>
    <div class="qr-code-bar">
        <img id="vQRImg" src="images/0(6)">
        <p>手机扫一扫<br>购票更方便</p>
    </div>
    <!--系统弹窗-->
    <div class="pop pop-tips" id="sys">
        <div class="pop-con">
            <div class="pop-tit">温馨提示</div>
            <div class="pop-txt">
                <p id="sys_info"></p>
            </div>
        </div>
        <a class="dia_close" href="javascript:;" onclick="closeDialog()" title="关闭">关闭</a>
    </div>
    <div class="pop pop-tips" id="poptxt">
        <div class="pop-con">
            <div class="pop-tit">购票须知</div>
            <div class="pop-txt" id="vBuyKnow">
                1.2023英雄联盟职业联赛夏季赛季后赛的门票仅通过官方指定售票平台：猫眼娱乐（猫眼APP；美团/大众点评APP-猫眼演出赛事）渠道销售，用户也可访问英雄联盟赛事官网LPL.QQ.COM、掌上英雄联盟APP、英雄联盟职业联赛微信公众号后跳转至猫眼APP进行购票；或者通过英雄联盟赛事官方小程序
                LPL Plus跳转至猫眼小程序进行购票。若客户通过非官方渠道购买门票，主办方、票务方将不为用户可能遭受的损失和伤害承担任何法律责任，请用户主动识别。<br>
                2.每位用户使用拥有英雄联盟任一大区游戏角色的QQ号进行购票；每位符合购票条件的用户每场次限购两张门票；用户购买门票时，每张门票均需绑定一个观赛用户本人的有效实名身份证件信息，有效身份证件类型为：内地居住的公民可使用身份证；港澳台居民可使用港澳居民来往内地通行证及台湾居民来往大陆通行证；及海外用户可使用外国护照。用户购买门票时，请务必认真填写真实有效的本人实名身份证件信息。<br>
                3.本场赛事采用实名身份证件入场，观众在购票时需按购票页面提示填写观演人身份证件信息，提前将观演人与门票进行一对一绑定。观演人进入场馆时，必须携带门票绑定的观演人本人有效实名身份证件，经人票证一致核验通过后方可进场观赛，对号入座。如用户在购票中所填信息有误、入场时观演人与所持身份证件不匹配、所持身份证件与绑定身份证件信息不一致导致无法入场，与主办方、票务方无关。<br>
                4.2023英雄联盟职业联赛夏季赛季后赛的门票分为：<br>
                分组冒泡赛 7/20 - 7/25&nbsp;<br>
                三等票 198 RMB | 二等票 298 RMB | 一等票 398 RMB | 特等票 498 RMB&nbsp;<br>
                双败淘汰赛 7/26 - 7/27 7/29<br>
                三等票 268 RMB | 二等票 398 RMB | 一等票 498 RMB | 特等票 598 RMB&nbsp;<br>
                胜者组决赛 7/30 败者组决赛 8/1&nbsp;<br>
                三等票 298 RMB | 二等票 498 RMB | 一等票 698 RMB | 特等票 898 RMB&nbsp;<br>
                5.2023英雄联盟职业联赛夏季赛季后赛入场时间请参照2023英雄联盟职业联赛季后赛赛程，比赛开始前1个小时开始入场。特等票观众，可在比赛开始前1小时20分钟提前进入观众序厅区域。<br>
                6.2023英雄联盟职业联赛夏季赛季后赛会场内禁止携带食品、有色饮料、尖锐物、易燃易爆等危险物品，请在安检前处理以上物品。<br>
                7.每位持票到达现场的用户，在通过安检、验票后方可入场观赛，请妥善保管二次验证物件，如遗失二次验证物件导致二次入场失败，与主办方、票务方无关。<br>
                8.为了确保场内秩序及安全，请严格遵守进场秩序，对号入座。<br>
                9.由于赛事门票特殊性，其背后承载的电竞赛事表演活动服务具有时效性、稀缺性等特征，用户一旦购票成功，非不可抗力因素不可进行退票和换票，请用户在购票之前慎重决定，如带来不便敬请谅解。<br>
                10.如遇任何不可抗力因素，导致活动无法如期开展，2023英雄联盟职业联赛夏季赛季后赛主办方将会进行延期通知或退票处理。<br>
                11.成功进入2023英雄联盟职业联赛夏季赛季后赛会场的用户，其肖像权将有可能被用于具备新闻传播价值的宣传，特此告知。<br>
                12.用户如对《购票须知》有异议，请与工作人员联系。双方如因本《购票须知》发生争议或者纠纷，双方应当友好协商解决；协商无果，任何一方均可向深圳市南山区人民法院申请诉讼解决。<br>
                13.场馆名称：西安市曲江电竞中心<br>
                场馆地址：西安市雁塔区公田三路与春临四路十字路口东北角<br>
                <div>
                </div>
            </div>
        </div>
        <a class="dia_close" href="javascript:;" onclick="closeDialog()" title="关闭">关闭</a>
    </div>

    <!--购买资格等待窗口-->
    <div class="popup popup-wrap" id="wait" style="display: none;">
        <div class="popup-margin">
            <div class="popup-cont">
                <p class="popup-info">正在验证您的购票资格，请稍后</p>
                <div class="spinner">
                    <div class="spinner-container container1">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container2">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container3">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                </div>
                <a class="btn-close" href="javascript:;" onclick="closeDialog()" title="关闭">×</a>
            </div>
        </div>
    </div>

    <!--通过验证弹窗-->
    <div class="popup popup-wrap" id="sys2" style="display: none;">
        <div class="popup-margin">
            <div class="popup-cont">
                <p class="popup-info">您已通过验证，请前往购票网站预约购票</p>
                <a class="btn-golink" href="JavaScript:;" title="立即前往">立即前往</a>
                <a class="btn-close" href="javascript:;" onclick="closeDialog()" title="关闭">×</a>
            </div>
        </div>
    </div>

    <!-- 不符合 -->
    <div class="popup popup-wrap" id="sys3" style="display: none;">
        <div class="popup-margin">
            <div class="popup-cont">
                <p class="popup-info">抱歉，你不符合本次购票资格标准，<br>无法预约</p>
                <a class="btn-golink btn-define" href="JavaScript:;" title="确定">确定</a>
                <a class="btn-close" href="javascript:;" onclick="closeDialog()" title="关闭">×</a>
            </div>
        </div>
    </div>
    <!-- 未预约 -->
    <div class="popup popup-wrap" id="sys4" style="display: none;">
        <div class="popup-margin">
            <div class="popup-cont">
                <p class="popup-info">抱歉，你未预约，无法参加本次购票！</p>
                <a class="btn-golink btn-define" href="JavaScript:;" title="确定">确定</a>
                <a class="btn-close" href="javascript:;" onclick="closeDialog()" title="关闭">×</a>
            </div>
        </div>
    </div>


</div>
<script src="js/json2.min.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/lol.js.下载"></script>
<script src="js/milo-min.js"></script>
<script type="text/javascript" src="js/milo.js"></script>
<!--<script src="/comm-htdocs/js/game_area/lol_server_select.js"></script>-->
<!--<script src="MultiSelect.js"></script>-->
<script src="js/public.js"></script>
<script src="js/es6-promise-2.0.1.min.js"></script>
<script src="js/CryptoJS.js"></script>
<script src="js/logic.js"></script>
<script src="js/buyTicket.js"></script>
<script src="js/share-min.js" charset="gb2312"></script>
<script src="js/ping_tcss_tgideas_https_min.js"></script>
<script>
    var v=new Vue({
        el:"#app",
        data:{
            ticket:{}
        },
        created(){
            this.selectTicket();
        },
        methods:{
            selectTicket(){
                axios.get("/yjh-ticket/yjhticket/tickets/selectTicket").then(res=>{
                    this.ticket=res.data.data[0];
                });
            }
        }
    })
</script>
<script>
    setTimeout(function() {
        var spanElement = document.getElementById("vVenueNameToo");
        var value = spanElement.textContent;
        console.log(value); // 输出获取到的值
        let map = new BMapGL.Map("map");          // 创建地图实例
        let point = new BMapGL.Point(116.404, 39.915);  // 创建点坐标
        map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        let local = new BMapGL.LocalSearch(map,{
            renderOptions:{map:map}
        });
        local.search(value);
    }, 1000); // 延时1秒执行
</script>
</body>
</html>